<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>

    <title>黑龙江省农业科技园区管理平台</title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" th:href="@{/assets/css/temp/bootstrap.css}"/>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link rel="stylesheet" th:href="@{/assets/css/temp/ie10-viewport-bug-workaround.css}"/>

    <!-- Custom styles for this template -->
    <link rel="stylesheet" th:href="@{/assets/css/temp/mrpsStyle-nms.css}"/>
    <link rel="stylesheet" th:href="@{/assets/css/temp/mrpsLayout.css}"/>

    <!-- bootstrapValidator -->
    <link rel="stylesheet" th:href="@{/assets/css/temp/bootstrapValidator.css}"/>

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <script type="text/javascript" th:src="@{/assets/js/temp/ie8-responsive-file-warning.js}"></script>
    <!--[if lt IE 9]><![endif]-->
    <script type="text/javascript" th:src="@{/assets/js/temp/ie-emulation-modes-warning.js}"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <script type="text/javascript" th:src="@{/assets/js/temp/html5shiv.min.js}"></script>
    <script type="text/javascript" th:src="@{/assets/js/temp/respond.min.js}"></script>
    <style>
        .login_row{
            position:absolute;
            top:50%;
            margin-top:-100px;
            left:50%;
            margin-left:-200px;
            visibility: visible;
        }
        .mrps_login{
            width:100%;
            position:absolute;
            top:0;
            left:0;
        }
    </style>
</head>
<body class="login_body">
<div class="container">
    <div class="row login_row">
        <div class="col-md-4 ">
            <div class="mrps_login">
                <div class="mrps_login_header">
                    <div class="configTitle">黑龙江省农业科技园区管理平台</div>
                </div>
                <form class="form-horizontal login_form" id="login_form" method="post" th:action="@{/doLogin}"
                      data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
                      data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
                      data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
                    <div class="form-group">
                        <div class="col-xs-7 col-xs-offset-login">
                            <input type="text" class="form-control" id="inputUser" name="username" placeholder="用户名"
                                   data-bv-trigger="blur" maxlength="32" />
                        </div>
                    </div>
                    <div class="form-group error_text">
                        <div class="col-xs-7 col-xs-offset-login">
                            <input type="password" class="form-control" id="inputPassword" name="password" placeholder="密码"
                                   data-bv-trigger="blur" data-bv-notempty-message="密码不能为空" maxlength="32" />
                            <small class="error_message" style="display:none"></small>
                        </div>
                    </div>

                    <div class="form-group login_btn_form">
                        <div class="col-xs-7 col-xs-offset-login">
                            <input type="submit" class="btn btn-default col-xs-12" id="loginBtn"  value="登录" />
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" th:src="@{/assets/js/temp/jquery-2.1.1.min.js}"></script>

<!-- Bootstrap core JavaScript
================================================== -->
<script type="text/javascript" th:src="@{/assets/js/temp/bootstrap.js}"></script>

<!-- bootstrapValidator -->
<script type="text/javascript" th:src="@{/assets/js/temp/bootstrapValidator.js}"></script>

<!-- IE9无法显示placeholder的解决插件 -->
<script type="text/javascript" th:src="@{/assets/js/temp/jquery.placeholder.min.js}"></script>

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script type="text/javascript" th:src="@{/assets/js/temp/ie10-viewport-bug-workaround.js}"></script>

<script>
    $(function(){
        $('#login_form').bootstrapValidator();
        /* placeholder初始化 */
        $('input, textarea').placeholder();
        /* bootstrap下拉菜单自定义功能 */
    })

</script>
</body>
</html>